<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>订单详细</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>

<div class="container-fluid">

    <div class="app-title">
        <div>
            <h1><i class="fa fa-circle-o"></i> 订单详细</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><a href="welcome.html">首页</a></li>
            <li class="breadcrumb-item"><a href="order_list.html">订单管理</a></li>
            <li class="breadcrumb-item active">订单详细</li>
        </ul>
    </div>

    <div class="tile">

        <p>订单信息</p>

        <table class="table table-bordered">
            <tr>
                <td class="tlabel" width="15%">订单号</td>
                <td>P001</td>
                <td class="tlabel" width="15%">订单状态</td>
                <td>已结账</td>
            </tr>
            <tr>
                <td class="tlabel">所属门店</td>
                <td>永和大王</td>
                <td class="tlabel">收银员</td>
                <td>蛋蛋</td>
            </tr>
            <tr>
                <td class="tlabel">用餐类型</td>
                <td>堂食</td>
                <td class="tlabel">用餐人数</td>
                <td>2</td>
            </tr>
            <tr>
                <td class="tlabel">下单时间</td>
                <td>2018-04-26 14:49:07</td>
                <td class="tlabel">结账时间</td>
                <td>2018-04-26 14:50:38</td>
            </tr>
            <tr>
                <td class="tlabel">支付方式</td>
                <td>微支付</td>
                <td class="tlabel">订单金额</td>
                <td>&yen; 46.00</td>
            </tr>
        </table>

        <p>订单菜品详情</p>

        <table class="table">
            <thead>
            <tr>
                <th>标题</th>
                <th>图片</th>
                <th>单价</th>
                <th>数量</th>
                <th>总价</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>黄焖鸡</td>
                <td><img src="images/dishes01.jpg" height="20" alt></td>
                <td>13</td>
                <td>1</td>
                <td>13</td>
            </tr>
            <tr>
                <td>土豆焖鸡</td>
                <td><img src="images/dishes02.jpg" height="20" alt></td>
                <td>15</td>
                <td>1</td>
                <td>15</td>
            </tr>
            <tr>
                <td>青椒牛肉</td>
                <td><img src="images/dishes03.jpg" height="20" alt></td>
                <td>18</td>
                <td>1</td>
                <td>18</td>
            </tr>
            </tbody>
        </table>

        <br>

        <div class="text-center">
            <a class="btn btn-outline-primary" href="javascript:history.back()">
                <i class="fa fa-fw fa-lg fa-rotate-left"></i>返回
            </a>
        </div>

    </div>
    <!-- /.tile -->
</div>
<!-- /.container-fluid -->

<!-- Essential javascripts for application to work-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Page specific javascripts-->

</body>
</html>